@import './varsty'
/*公共样式*/
.fl-r {
	float:right
}
.fl-l {
	float:left
}
a{
	cursor: pointer
}
/*清浮动*/
.clearfix:after{
	content:""
	height:0
	line-height:0
	display:block
	clear:both
	visibility:hidden
}
.fx-price-font {
	color:$fxPrice
}
.fx-default-font {
	color:$fxDefaultColor
}
.fx-warn-font {
	color:$fxRed
}
.fx-green-font {
	color:$fxGreen
}
/*阴影块*/
.fx-shadow-block {
	box-shadow:2px -2px 5px #eee
	border:1px solid #eee
	border-radius:5px
}
/*通用阴影-down*/
.fx-shadow-down {
	box-shadow:2px -2px 6px $fxBorder
}
/*通用阴影-up*/
.fx-shadow-up {
	box-shadow:0px -2px 2px $fxBorder
}
/*省略号*/
.fx-ellipsis {
	overflow:hidden
	text-overflow : ellipsis
	white-space:nowrap
}
/*待办标记*/
.fx-red-dot {
	&:after {
		top: 0;
		right: 5px
		width: 10px
		height: 10px
		content: ' ';
		position: absolute;
		border-radius: 100%;
		background-color: #f44;
	}
}
/*边框无圆角*/
.fx-no-radius {
	border-radius:0 !important
}
/*伪按钮*/
.fx-Pseudo-btn {
	&::after {
		background-color: #ccc;
		content: " ";
		opacity: 0;
		position: absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
	}
	&:active::after {
		opacity: .4;
	}
}
/*蓝色竖线小标题*/
.fx-block-title::before {
	width: 3px
	height: 16px
	content: ''
	display: inline-block
	vertical-align: text-top
	margin-right: 5px
	margin-left: 5px
	background-color: #538FFD
	border-radius: 2px;
}
.icon-dot-red1 {
    background-color: $fxRed2
    width: 6px;
    height: 6px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
}
.icon-dot-green1{
    background-color: $fxGreen2
    width: 6px;
    height: 6px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
}
.icon-dot-gray {
    background-color: $fxGray4
    width: 6px;
    height: 6px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
}
.icon-dot-green {
	padding 0 10px
}
.icon-dot-red {
	padding 0 10px
}
.icon-dot-green::before {
	content: ' ';
	top: 17px;
	left: 8px;
	background-color: #60c769;
	width: 6px;
	height: 6px;
	position: absolute;
	border-radius: 100%;
}
.icon-dot-red::before{
	content: ' ';
	top: 17px;
	left: 8px;
	background-color: #ED4F31;
	width: 6px;
	height: 6px;
	position: absolute;
	border-radius: 100%;
}
/*自定义滚动条*/
.fx-custom-scroll::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}
.fx-custom-scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background-color: #ccc;
}
.fx-custom-scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}
/*element-scroll-x-hidden*/
.fx-element-scroll-y {
	.el-scrollbar__wrap{
		overflow-x: hidden
	}
}
/*bottom-line*/
.fx-bottom-line {
	position: relative
	&::after {
		content: ''
		display: block;
		border-bottom: 1px solid $fxBorder
		height: 1px
		position: absolute
		bottom: 0
		left: 0
		right: 0
		margin: 0 20px
	}
}
/*cursor*/
.fx-cursor {
	cursor: pointer
}
.fx-bc-table-header th {
	font-weight bolder
	color $fxFontBlack
	background-color: #F8F8FA
}
.fx-message-error-class {
	max-height 600px
	overflow: auto
}
.fx-page-first-container {
	overflow: auto
}
.organ-manage-container::-webkit-scrollbar 
{ 
  width: 6px; 
}
  
/*定义滚动条轨道 内阴影+圆角*/
.organ-manage-container::-webkit-scrollbar-track 
{ 
  border-radius: 10px; 
  background-color: rgba(0,0,0,0.1); 
} 
  
/*定义滑块 内阴影+圆角*/
.organ-manage-container::-webkit-scrollbar-thumb 
{ 
  border-radius: 10px; 
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); 
  background-color: rgba(0,0,0,0.1);
} 
